import React from 'react'
import style from "./BannerWave.module.scss"

interface BannerWaveProps {
  arrow?:boolean
  snapNext?:()=>void
}
export default function BannerWave({
    arrow = true,snapNext
}:BannerWaveProps):React.ReactElement {
  return (
    <div className={style['animation-box']}>
    <div className={style['bannerWave1']} style={{animation:'gradientBG 120s linear infinite'}}></div>
    <div className={style['bannerWave2']} style={{animation:'gradientBG 120s linear infinite'}}></div>
    {
        arrow&& <i
       
        className={`iconfont icon-xialajiantouxiao ${ style['arrow-box']}`}
        style={{animation:'my-shake 1.5s ease-out infinite'}}
         onClick={()=>snapNext&&snapNext()}
      ></i>
    }
   
  </div>
  )
}
